iT邦幫忙

2025 iThome 鐵人賽

DAY 14
0

自定義元件的插槽

多具名插槽的用法

  • 在Vue中,很多指令都有縮寫的形式,具名插槽也同樣具有縮寫形式,可以使用符號「 # 」來代替「 v-slot 」、前面的範例程式中,修改成以下的樣子依然可以正常執行:
<my-container2>
    <template #header>
        <h1> 這裡是標頭元素 </h1>
    </template>
    <template #main>
        <p> 內容部分 </p>
        <p> 內容部分 </p>
    </template>
    <template #footer>
        <p> 這裡是尾部元素 </p>
    </template>
</my-container2>

  • 這次30天的鐵人賽就到這邊告一段落了,雖然很可惜中斷了比賽,但還是繼續完成了30篇的介紹,希望能幫助大家更認識Vue的用法,如果有興趣了解更多的話,可以去查看參考書籍!

謝謝大家!


上一篇
Day 29
系列文
從零開始學習TypeScript、Vue.js !!30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言